
.comp-bar[data-v-bca92d9a] .comp-bar-part-grid {
  display: grid;
}
.comp-bar[data-v-bca92d9a] .comp-bar-part-grid > * {
  background-color: #f1f2f3;
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid transparent;
}
.comp-bar[data-v-bca92d9a] .comp-bar-part-grid > *:hover {
  border-color: #3498ff;
}

.config-panel[data-v-b04cce3e] {
  background-color: #fff;
  padding: var(--layout-padding, 10px);
}
.config-panel .readonly[data-v-b04cce3e] * {
  pointer-events: none;
}
.config-panel .action-bar[data-v-b04cce3e] {
  pointer-events: all;
  display: none;
  column-gap: 10px;
  position: absolute;
  top: 0;
  right: 5px;
  transform: translateY(-60%);
  z-index: 1;
}
.config-panel .action-bar[data-v-b04cce3e] > * {
  background: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ff5555;
  color: #ff5555;
  overflow: hidden;
  text-align: center;
  line-height: 18px;
  cursor: pointer;
}
.config-panel .config-panel-item[data-v-b04cce3e] {
  border: 1px dashed transparent;
}
.config-panel[data-v-b04cce3e] .el-form-item[data-hasBorder] .el-form-item__label-wrap,
.config-panel[data-v-b04cce3e] .el-form-item[data-hasBorder] .el-form-item__content {
  border-width: 1px;
  border-color: #000;
  border-style: solid;
}
.config-panel .setected[data-v-b04cce3e] {
  border-color: #1890ff;
  position: relative;
  border-style: dashed;
}
.config-panel .setected .action-bar[data-v-b04cce3e] {
  display: flex;
}
.config-panel[data-v-b04cce3e] .config-panel-grid {
  display: grid;
  align-items: start;
}
.config-panel[data-v-b04cce3e] .drop-area {
  min-height: 80px;
}
